<template>
    <div class="page_content">
        <Banner
            :tabList="tabList"
            :bannerImg="bannerImg"
            :mainTitle="mainTitle"
        />
        <NuxtPage class="commonPageStyle" />
    </div>
</template>

<script setup>
import bannerImg from "/assets/image/news/news_banner.jpg";
const tabList = reactive([
    {
        title: () => t("common.text18"),
        path: "/contact/recruitment",
        key: "recruitment",
    },
    {
        title: () => t("common.text19"),
        path: "/contact/contactUs",
        key: "contactUs",
    },
]);
const { t } = useI18n();
const mainTitle = computed(() => t("common.text17"));
</script>

<style lang="scss" scoped>
.commonPageStyle {
    .article_content {
        padding: 52px 0 80px;
    }
}
</style>
